<%@include file="/WEB-INF/templates/configuration.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<script>

</script>
<h2>Courses</h2>
<c:choose>
    <c:when test="${amountcourses != 0}">
        <!-- Wanneer er gebruikers opgeslagen zijn, worden ze hier getoond -->
        <table class="zebra">
            <thead>
                <tr>
                    <th style="width:25%;"> 
                        <strong>Name</strong>
                    </th>
                    <th style="width:50%;">
                        <strong>Description</strong>
                    </th>
                    <th style="width:15%;">
                        <strong>Controls</strong>
                    </th>
                </tr>
            </thead>
            <c:forEach var="tempCourse" items="${courses}">
                <!-- Per gebruiker wordt nu een rij aangemaakt met daarin zijn gegevens -->
                <tr>
                    <td>
                        <a href="${url}course/view?id=${tempCourse.courseid}">${tempCourse.coursetitle}</a>
                    </td>
                    <td>
                        ${tempCourse.coursedescription}
                    </td>
                    <td>
                        <a class="icon view" href="${url}course/view?id=${tempCourse.courseid}">view</a>
                        <a class="icon edit" href="${url}course/edit?id=${tempCourse.courseid}">edit</a>
                        <a class="icon delete" href="javascript:if(confirm('Weet u zeker dat u deze cursus wil verwijderen?'))
                           window.location='${url}course/delete?courseid=${tempCourse.courseid}';">delete</a>
                    </td>
                </tr>
            </c:forEach>
        </table>
    </c:when>
    <c:otherwise>
        <!-- Als er geen cursussen zijn, wordt deze melding getoond -->
        There are no courses found.
    </c:otherwise>
</c:choose>
<p>
    <a class="button" href="${url}course/new">Add a new course</a>
</p>
<p>
    <a class="button" href="${url}index">Back to index</a>
</p>